<template>
  <v-container fluid class="box">
    <v-breadcrumbs :items="breadcrumbModel.list"></v-breadcrumbs>
  </v-container>
</template>

<script>
// 常量
import constant from '@/const';

export default {
  name: 'PorductDetail',
  data() {
    return {
      breadcrumbModel: {
        list: [
          {
            text: '首页',
            href: '/'
          },
          {
            text: '产品中心',
            href: '/product'
          }
        ]
      }
    };
  },
  computed: {
    product() {
      return constant.product.products.find(
        item => item.id == this.$route.params.id
      );
    }
  },
  created() {
    this.breadcrumbModel.list.push({
      text: this.product.text
    });
  }
};
</script>

<style></style>
